﻿﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <c:set var="ctx" value="${pageContext.request.contextPath}" />
    <html>

    <head>
      <link rel="stylesheet" href="${ctx}/common/common.css" />
      <title>Title</title>
      <link rel="stylesheet" href="${ctx}/common/plugins/layuiadmin/layui/css/layui.css" media="all" />
      <link rel="stylesheet" href="${ctx}/common/plugins/layuiadmin/style/admin.css" media="all" />
      <script src="${ctx}/common/plugins/layuiadmin/layui/layui.js"></script>
      <style>
        .layui-input-block .layui-unselect {
          width: 100%;
        }
      </style>
    </head>

    <body>
      <!--主体内容层-->
      <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
          <div class="layui-col-md12 layui-col-space15">
            <form class="layui-form">
              <!--输入框内容盒子-->
              <div class="layui-col-md12">
                <!--输入框-->
                <div class="layui-col-md4">
                  <label class="layui-form-label">产品名称</label>
                  <div class="layui-input-block">
                    <input type="text" name="sourceName" id="sourceName" required lay-verify="required"
                      placeholder="请输入产品名称" autocomplete="off" class="layui-input" />
                  </div>
                </div>
                <div class="layui-col-md4">
                  <label class="layui-form-label">产品类型</label>
                  <div class="layui-input-block">
                    <select id="pType" name="pType">
                      <option value="">==请选择==</option>
                      <c:forEach items="${codeList }" var="obj">
                        <option value="${obj.code }">${obj.described }</option>
                      </c:forEach>
                    </select>
                  </div>
                </div>
              </div>
              <!--通用按钮盒子-->
              <div class="layui-col-md12" style="padding-top: 10px; padding-bottom: 10px">
                <div class="layui-btn-group demoTable">
                  <button class="layui-btn layui-btn-sm" type="button" data-type="addInspect">
                    <i class="layui-icon">&#xe654;</i>
                  </button>
                  <!--删除-->
                  <button class="layui-btn layui-btn-sm" type="button" data-type="delInspect">
                    <i class="layui-icon">&#xe640;</i>
                  </button>
                </div>
                <div style="float: right" class="layui-btn-group paramBtn">
                  <button data-type="reloadInspectEnt" type="button" class="layui-btn layui-btn-sm layui-btn-danger">
                    查询
                  </button>
                  <button data-type="resetInspectEnt" type="reset" class="layui-btn layui-btn-sm layui-btn-danger">
                    重置
                  </button>
                </div>
              </div>
            </form>
            <!--通用table表格-->

            <table class="layui-table" id="inspectReload"
              lay-data="{ url:'${ctx }/inspStandard/queryInspStandardEntList', page:true,groups:5}" lay-filter="demo">
              <thead>
                <tr>
                  <th lay-data="{type:'checkbox', fixed: 'left'}"></th>
                  <th lay-data="{field:'sourceName'}">产品名称</th>
                  <th lay-data="{field:'specifications'}">规格</th>
                  <th lay-data="{field:'unit'}">单位</th>
                  <th lay-data="{field:'described'}">类型</th>
                  <th lay-data="{field:'right',width:200,toolbar:'#barDemo'}">操作</th>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
      <script type="text/html" id="barDemo">
      <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
      <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
      <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>
    </body>
    <script>
      layui.use("table", function () {
        var loading = layer.msg("数据加载中...");
        var table = layui.table;
        table.render({
          done: function () {
            layer.close(loading);
          },
        });
        //监听filter为demo的table中的工具条
        table.on("tool(demo)", function (obj) {
          var data = obj.data;
          if (obj.event === "detail") {
            //跳转查看页
            window.location.href =
              "${ctx}/inspStandard/queryInspectView?inspectId=" + obj.data.sourceId + "&pType=" + obj.data.p_type;
          } else if (obj.event === "del") {
            layer.confirm("确认删除？", function (index) {
              obj.del();
              layer.close(index);
              //删除
              $.post(
                "${ctx}/inspStandard/delInspectEnt",
                { inspectId: obj.data.sourceId, pType: obj.data.p_type },
                function (data) {
                  if (data == "success") {
                    layer.alert("删除成功");
                    table.reload("inspectReload", {
                      where: {
                        sourceName: "",
                        pType: "",
                      },
                    });
                  } else {
                    layer.alert("删除失败");
                  }
                },
                "text"
              );
            });
          } else if (obj.event === "edit") {
            //新增修改页
            window.location.href =
              "${ctx}/inspStandard/inspectEntEdit?inspectId=" + obj.data.sourceId + "&pType=" + obj.data.p_type;
          }
        });

        var $ = layui.$,
          active = {
            reloadInspectEnt: function () {
              //条件查询
              var sourceName = document.getElementById("sourceName").value;
              var pType = document.getElementById("pType").value;
              table.reload("inspectReload", {
                where: {
                  sourceName: sourceName,
                  pType: pType,
                },
              });
            },
            resetInspectEnt: function () {
              table.reload("inspectReload", {
                where: {
                  sourceName: "",
                  pType: "",
                },
              });
            },
            addInspect: function () {
              //新增修改页
              window.location.href = "${ctx}/inspStandard/inspectEntEdit";
            },
            delInspect: function () {
              var checkStatus = table.checkStatus("inspectReload");
              var ids = "";
              var ptype = "";
              var data = checkStatus.data;
              if (data.length === 0) {
                layer.alert("请选择要删除的数据！");
                return;
              }
              for (var i in data) {
                ids += data[i].sourceId + ",";
                ptype += data[i].p_type + ",";
              }
              layer.confirm("确认删除？", function () {
                $.post(
                  "${ctx}/inspStandard/delInspectEnt",
                  { inspectId: ids, pType: ptype },
                  function (data) {
                    if (data == "success") {
                      layer.alert("删除成功");
                      table.reload("inspectReload", {
                        where: {
                          sourceName: "",
                          pType: "",
                        },
                      });
                    } else {
                      layer.alert("删除失败");
                    }
                  },
                  "text"
                );
              });
            },
          };

        $(".demoTable .layui-btn").on("click", function () {
          var type = $(this).data("type");
          active[type] ? active[type].call(this) : "";
        });
        //给按钮绑定active中的方法
        $(".paramBtn .layui-btn").on("click", function () {
          var type = $(this).data("type");
          //查看是active这个json中是否有type这个方法，如果有调用，如果没有不知心；
          active[type] ? active[type].call() : "";
        });
      });
    </script>

    </html>